<link rel="stylesheet" type="text/css" href="<? print APP_NAME ?>lib/jquery/css/flexigrid/flexigrid.css">
<script type="text/javascript" src="<? print APP_NAME ?>lib/jquery/jquery.js"></script>
<script type="text/javascript" src="<? print APP_NAME ?>lib/jquery/flexigrid.js"></script>
<style>

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
				
</style>
<div id="right">
<h2><span>Search Inventins</span></h2>
<div style="padding:5px;">
<table id="flex1" >
	<thead>
    	<tr>
           	<th width="150">Title</th>
        	<th width="100">Docket</th>
          	<th width="100">Key Words</th>
         	<th width="100">Type</th>
         	<th width="100">Status</th>
         	<th width="50">&nbsp;</th>
       	</tr>
    </thead>
	<?
		for($i=0; $i<count($inventions); $i++)
		{
			$invention	=	$inventions[$i];
	?>
		<tr>
			<td class=""><? print $invention['Title'] ?></td>
			<td><? print $invention['Docket'] ?></td>
			<td><? print $invention['KeyWords'] ?></td>
			<td><? print $GLOBALS["InventionType"][$invention['Type']] ?></td>
			<td><? print $GLOBALS["InventionStatus"][$invention['Status']] ?></td>
			<td><a href="<? print url("Default","ShowInvention",array("InventionID"=>$invention['InventionID'])) ?>">View</a></td>
		</tr>
	<?
		}
	?>
</table>
</div>
</div>


<script type="text/javascript">

$("#flex1").flexigrid({height:'auto',striped:true});

function addFormData(){
	var dt = $('#sform').serializeArray();
	$("#flex1").flexOptions({params: dt});
	return true;
}
	
$('#sform').submit(function (){
	$('#flex1').flexOptions({newp: 1}).flexReload();
	return false;
});						
</script>